﻿<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>Home</title>

    <link rel="stylesheet" href="assets/css/bootstrap.min.css">

    <link rel="stylesheet" href="assets/css/LineIcons.css">

    <link rel="stylesheet" href="assets/css/magnific-popup.css">

    <link rel="stylesheet" href="assets/css/slick.css">

    <link rel="stylesheet" href="assets/css/animate.css">

    <link rel="stylesheet" href="assets/css/default.css">

    <link rel="stylesheet" href="assets/css/style.css">
</head>

<body>

    <div class="preloader">
        <div class="loader">
            <div class="ytp-spinner">
                <div class="ytp-spinner-container">
                    <div class="ytp-spinner-rotator">
                        <div class="ytp-spinner-left">
                            <div class="ytp-spinner-circle"></div>
                        </div>
                        <div class="ytp-spinner-right">
                            <div class="ytp-spinner-circle"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>








    <section id="portfolio" class="">
        <div class="container">
         
            <div class="row">
                <div class="col-lg-12">
                    <div class="portfolio-menu pt-30 text-center">
                        <ul>
                            <li data-filter="*" class="active">所有</li>
                            <li data-filter=".branding-3">深圳智慧市场升级改造项目</li>
                            <li data-filter=".marketing-3">猪快闪场地租赁项目</li>
                            <li data-filter=".planning-3">环保风机管理项目</li>
                            <li data-filter=".research-3">uni-app练手项目</li>
                            <li data-filter=".gdskfjy-3">广东省康复教育大数据看板</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row grid">
                <div class="col-lg-4 col-sm-6 branding-3 ">
                    <div class="single-portfolio mt-30 wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="0.2s">
                        <div class="portfolio-image">
                            <img src="assets/images/portfolio-1.png" alt="">
                            <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                <div class="portfolio-content">
                                    <div class="portfolio-icon">
                                        <a class="image-popup" href="assets/images/portfolio-1.png"><i
                                                class="lni-zoom-in"></i></a>
                                        <img src="assets/images/shape.svg" alt="shape" class="shape">
                                    </div>
                                    <div class="portfolio-icon">
                                        <a href="portfolio-1.html"><i class="lni-link"></i></a>
                                        <img src="assets/images/shape.svg" alt="shape" class="shape">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="portfolio-text">
                            <h4 class="portfolio-title"><a href="#">市场端管理小程序</a></h4>
                            <p class="text">所用技术：colorUI</p>
                            <p class="text">用于市场部署，市场录入、修改档口资料，档口屏及其他屏幕管理，商品价格修改、台秤绑定等功能。（目前用户数3000人以上）</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 marketing-3 ">
                    <div class="single-portfolio mt-30 wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="0.4s">
                        <div class="portfolio-image">
                            <img src="assets/images/portfolio-2.png" alt="">
                            <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                <div class="portfolio-content">
                                    <div class="portfolio-icon">
                                        <a class="image-popup" href="assets/images/portfolio-2.png"><i
                                                class="lni-zoom-in"></i></a>
                                        <img src="assets/images/shape.svg" alt="shape" class="shape">
                                    </div>
                                    <div class="portfolio-icon">
                                        <a href="portfolio-2.html"><i class="lni-link"></i></a>
                                        <img src="assets/images/shape.svg" alt="shape" class="shape">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="portfolio-text">
                            <h4 class="portfolio-title"><a href="#">猪快闪（场地租赁平台）项目</a></h4>
                            <p class="text">所用技术：npm、vue(vue+vuex+router+axios)、webpack打包、UI框架（vant、bootstrap）等。</p>
                            <p class="text">外包项目，场地租赁移动端网站建设。</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 research-3">
                    <div class="single-portfolio mt-30 wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="0.7s">
                        <div class="portfolio-image">
                            <img src="assets/images/portfolio-6.png" alt="">
                            <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                <div class="portfolio-content">
                                    <div class="portfolio-icon">
                                        <a class="image-popup" href="assets/images/portfolio-6.png"><i
                                                class="lni-zoom-in"></i></a>
                                        <img src="assets/images/shape.svg" alt="shape" class="shape">
                                    </div>
                                    <div class="portfolio-icon">
                                        <a href="http://yang-jiahui-220.gitee.io/meituan_mall/"><i class="lni-link"></i></a>
                                        <img src="assets/images/shape.svg" alt="shape" class="shape">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="portfolio-text">
                            <h4 class="portfolio-title"><a href="#">uni-app仿美团买菜</a></h4>
                            <p class="text">所用技术：uniapp、colorUI</p>
                            <p class="text">基于uniapp插件商城中模板进行修改，还在完善中，已上传gitee。</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 planning-3">
                    <div class="single-portfolio mt-30 wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="0.4s">
                        <div class="portfolio-image">
                            <img src="assets/images/portfolio-5.png" alt="">
                            <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                <div class="portfolio-content">
                                    <div class="portfolio-icon">
                                        <a class="image-popup" href="assets/images/portfolio-5.png"><i
                                                class="lni-zoom-in"></i></a>
                                        <img src="assets/images/shape.svg" alt="shape" class="shape">
                                    </div>
                                    <div class="portfolio-icon">
                                        <a href="portfolio-5.html"><i class="lni-link"></i></a>
                                        <img src="assets/images/shape.svg" alt="shape" class="shape">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="portfolio-text">
                            <h4 class="portfolio-title"><a href="#">环保风机管理项目</a></h4>
                            <p class="text">所用技术：jquery、 Echarts。</p>
                            <p class="text">工厂设备管理后台系统，编写后台管理页面。</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 branding-3 ">
                    <div class="single-portfolio mt-30 wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="0.7s">
                        <div class="portfolio-image">
                            <img src="assets/images/portfolio-3.png" alt="">
                            <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                <div class="portfolio-content">
                                    <div class="portfolio-icon">
                                        <a class="image-popup" href="assets/images/portfolio-3.png"><i
                                                class="lni-zoom-in"></i></a>
                                        <img src="assets/images/shape.svg" alt="shape" class="shape">
                                    </div>
                                    <div class="portfolio-icon">
                                        <a href="portfolio-3.html"><i class="lni-link"></i></a>
                                        <img src="assets/images/shape.svg" alt="shape" class="shape">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="portfolio-text">
                            <h4 class="portfolio-title"><a href="#">市场硬件广告屏</a></h4>
                            <p class="text">所用技术：npm、vue、axios、Echarts、webpack打包、UI框架（elementUI）等。</p>
                            <p class="text">市场内档口广告屏、市场大数据屏幕、交易屏幕、交互触摸屏幕等。</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 branding-3">
                    <div class="single-portfolio mt-30 wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="0.2s">
                        <div class="portfolio-image">
                            <img src="assets/images/portfolio-4.png" alt="">
                            <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                <div class="portfolio-content">
                                    <div class="portfolio-icon">
                                        <a class="image-popup" href="assets/images/portfolio-4.png"><i
                                                class="lni-zoom-in"></i></a>
                                        <img src="assets/images/shape.svg" alt="shape" class="shape">
                                    </div>
                                    <div class="portfolio-icon">
                                        <a href="portfolio-4.html"><i class="lni-link"></i></a>
                                        <img src="assets/images/shape.svg" alt="shape" class="shape">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="portfolio-text">
                            <h4 class="portfolio-title"><a href="#">市场客户端</a></h4>
                            <p class="text">所用技术：npm、vue、vuex、axios、qs、webpack打包、UI框架：vant。</p>
                            <p class="text">市场顾客可通过扫描广告屏右上方二维码查看该档口的进货信息、档口信息、营业执照、商品价格，可进行评价和投诉等。</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 gdskfjy-3">
                    <div class="single-portfolio mt-30 wow fadeInUp" data-wow-duration="1.5s">
                        <div class="portfolio-image">
                            <img src="assets/images/portfolio-7.png" alt="">
                            <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                <div class="portfolio-content">
                                    <div class="portfolio-icon">
                                        <a class="image-popup" href="assets/images/portfolio-7.png"><i
                                                class="lni-zoom-in"></i></a>
                                        <img src="assets/images/shape.svg" alt="shape" class="shape">
                                    </div>
                                    <div class="portfolio-icon">
                                        <a href="https://www.ykjw.cn/dist/index.html"><i class="lni-link"></i></a>
                                        <img src="assets/images/shape.svg" alt="shape" class="shape">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="portfolio-text">
                            <h4 class="portfolio-title"><a href="#">广东省康复教育大数据看板</a></h4>
                            <p class="text">所用技术：npm、vue、echarts、axios、webpack打包、UI插件或框架：swiper、vue-seamless-scroll、data-view（dataV）。</p>
                            <p class="text">左右图表为轮播方式切换，下方为前三名固定不变，其余垂直滚动显示并若文字过长则自动横向滚动。</p>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </section>




    <script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
    <script src="assets/js/vendor/jquery-1.12.4.min.js"></script>

    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/popper.min.js"></script>

    <script src="assets/js/slick.min.js"></script>

    <script src="assets/js/isotope.pkgd.min.js"></script>

    <script src="assets/js/imagesloaded.pkgd.min.js"></script>

    <script src="assets/js/jquery.magnific-popup.min.js"></script>

    <script src="assets/js/scrolling-nav.js"></script>
    <script src="assets/js/jquery.easing.min.js"></script>

    <script src="assets/js/ajax-contact.js"></script>

    <script src="assets/js/wow.min.js"></script>


    <script src="assets/js/main.js"></script>



</body>

</html>